<template>
  <el-form-item v-if="field.type !== 'hidden'"
                :label="field.label"
                :label-width="'auto'"
                :prop="field.prop"
                :rules="field.rules"
  >
    <jeesdp-form-field v-model="model" :data="data" :field="field"/>
  </el-form-item>
</template>

<script setup>

import {getCurrentInstance} from "vue";
import JeesdpFormField from "./JeesdpFormField.vue";

defineOptions({
  name: "JeesdpFormItem"
})

const {proxy} = getCurrentInstance();
const props = defineProps({
  field: {
    type: Object,
    required: true,
  },
  data: {
    type: Array,
  },
})


const model = defineModel();
</script>

<style scoped>

</style>
